<template> 
    <div class="app">
      <div class="findtop">
        <i class="iconfont icon-liebiao"></i>
        <input placeholder="   太阳可以是蓝色的吗"/>
        <i class="iconfont icon-audio-fill"></i>
      </div>
      <findview></findview>
      <footernav></footernav>
    </div> 
</template>

<script>
import findview from '@/views/FindView'
import footernav from '@/components/TheFooter'
    
    export default{
      components:{
        findview,footernav
      },
      setup(){
      }
    }
</script>
    
<style>
.findtop{
  padding: 0.3rem 0.32rem 0.3rem 0.3rem;
  display: flex;
  justify-content: space-between;
}
.findtop input{
  width: 5rem;
  border-radius: 1rem;
  opacity:0.5;
  border: 0px;
}
.icon-liebiao{
  font-size: 0.6rem;
  color: white;
}
.icon-audio-fill{
  font-size: 0.45rem;
  color: white;
}
    .app{
      width: 7.5rem;
      height: 13.34rem;
      background: url(../assets/bg.jpg);
      background-size:cover;
      /* opacity:0.9; */
    }
</style>
    